<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <title>3D Gallery with CSS3 and jQuery</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="3D Gallery with CSS3 and jQuery" />
        <meta name="keywords" content="3d, gallery, jquery, css3, auto, slideshow, navigate, mouse scroll, perspective" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="../css/gallery/demo.css" />
        <link rel="stylesheet" type="text/css" href="../css/gallery/style.css" />
		<script type="text/javascript" src="../js/plugs/gallery/modernizr.custom.53451.js"></script>
    </head>
    <body>
        <div class="container">
			<section id="dg-container" class="dg-container">
				<div class="dg-wrapper">
					<a href="#"><img src="../images/i/a(1).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(2).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(3).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(4).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(5).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(6).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(7).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(8).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(9).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(10).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(11).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(12).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(13).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(14).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(15).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
					<a href="#"><img src="../images/i/a(16).jpg" alt="image01"><div>http://www.colazionedamichy.it/</div></a>
				</div>
				<nav>	
					<span class="dg-prev">&lt;</span>
					<span class="dg-next">&gt;</span>
				</nav>
			</section>
        </div>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="../js/plugs/gallery/jquery.gallery.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#dg-container').gallery();
			});
		</script/>
    </body>
</html>